import React from 'react';
import { Card, Space, Typography } from 'antd';
import NumberGrowth from './numberGrowth';
import Layout from './layout';
import FormChainEffectEngineDemo from './FormChainEffectEngineDemo';
import { DemoSelector } from './DynamicForm/demos';

import { LogCategory, logger, LogPresets } from './DynamicForm/utils/logger';

const UseComponent: React.FC = () => {
  // LogPresets.ALL();
  logger.enableCategories([
    LogCategory.RENDER,
    // LogCategory.HANDLER_REGISTRATION
    // LogCategory.HANDLER_EXECUTION,
    // LogCategory.PERFORMANCE_MONITOR,
    // LogCategory.INITIAL_VALUE,
    // LogCategory.DEBUG,
    LogCategory.EFFECT_RESULT,
    // LogCategory.HANDLER_LIFECYCLE
    LogCategory.BATCH_UPDATE
    // LogCategory.SYNC
  ]);

  // logger.enableCategory(LogCategory.SYNC);
  // return <Layout />
  // return <NumberGrowth />
  // return <FormChainEffectEngineDemo />

  // 使用演示组件选择器，可以方便地切换不同的演示组件
  // 可以通过修改 defaultDemo 属性来设置默认显示的演示组件
  return <DemoSelector defaultDemo="syncTest" />;
};

export default UseComponent;
